<nz-dropdown-menu #rightClickMenu="nzDropdownMenu"  style="width:200px;">
  <ul nz-menu style="width:200px;">
      <li nz-menu-item (click)="openClick()">打开</li>
      <li nz-menu-item (click)="deleteClick()">删除</li>
      <li nz-menu-item (click)="renameClick()">重命名</li>
  </ul>
</nz-dropdown-menu>
<h3>
  <i nz-icon nzType="star" nzTheme="fill" style="padding-right:5px;color: #fdca66"></i>
  收藏夹
  <a style="margin-left: 5px" (click)="addGroupClick()"><nz-tag><i nz-icon nzType="plus"></i>新建</nz-tag></a>
</h3>
<nz-tree-view [nzTreeControl]="treeControl" [nzDataSource]="dataSource" [nzDirectoryTree]="true">
  <nz-tree-node *nzTreeNodeDef="let node" nzTreeNodePadding>
    <nz-tree-node-toggle nzTreeNodeNoopToggle></nz-tree-node-toggle>
    <nz-tree-node-option
      [nzDisabled]="node.disabled"
      (contextmenu)="rightClickFile($event, rightClickMenu,node);$event.stopPropagation();"
    >
      <i nz-icon nzType="file" nzTheme="outline"></i>
      {{ node.name }} 【{{node.createTime | date:'yyyy-MM-dd HH:mm:ss'}}】
    </nz-tree-node-option>
  </nz-tree-node>

  <nz-tree-node *nzTreeNodeDef="let node; when: hasChild" nzTreeNodePadding>
    <nz-tree-node-option
      [nzDisabled]="node.disabled"
      (click)="treeControl.toggle(node)"
      (contextmenu)="rightClickFile($event, rightClickMenu,node);$event.stopPropagation();"
    >
      <nz-tree-node-toggle>
        <i style="margin-right: 5px;" nz-icon nzType="caret-down" nzTreeNodeToggleRotateIcon></i>
        <i style="color: #fdca66" nz-icon [nzType]="treeControl.isExpanded(node) ? 'folder-open' : 'folder'" nzTheme="outline"></i>
        {{ node.name }}
      </nz-tree-node-toggle>
    </nz-tree-node-option>
  </nz-tree-node>
</nz-tree-view>
